<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<div class="modal fade" id="modalcq" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document" style="width:1120px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">弹出窗口</h4>
      </div>
      <div class="modal-body" style="height: 700px;">
        <div style="width:1070px;">
        	<div role="tabpanel" class="tab-pane" id="yearTrend">
             	<div class="paddingd10">
					<ul class="nav nav-tabs tabconulcq" role="tablist">
						<li role="presentation" class="active"><a href="#cmiCasecntContent" role="tab" data-toggle="tab">CMI和病例数</a></li>
						<li role="presentation"><a href="#timeFeeContent" role="tab" data-toggle="tab">时间消耗指数和费用消耗指数</a></li>
					</ul>
					<div class="clearfix"></div>
					<div class="tab-content">
						<!-- CMI 和病例数  -->
						<div id="cmiCasecntContent" role="tabpanel" class="tab-pane active" style="width: 100%; height: 300px;">
							<div class="row rowhcq">
								<div class="col-xs-12">
									<div class="echartscq" id="cmiCasecntEchart" style="width:50%;height:300px;margin:0 auto">
        								<!-- <img height="300px" src="images/pageloading.gif"> -->
        							</div>
								</div>
								<div class="col-xs-12" style="width:100%;height:400px;">
									<div id="cmiCasecntSlideBox" class="slideBox">
										<ul class="items">
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="cmiCasecntTable1" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq" ><h5>象限一DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table>
														<!-- <img height="300px" width="100%" src="images/pageloading.gif"> --> 
													</div>
												</div>
											</li>
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="cmiCasecntTable2" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq" ><h5>象限二DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table> 
													</div>
												</div>
											</li>
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="cmiCasecntTable3" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq"><h5>象限三DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table> 
													</div>
												</div>
											</li>
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="cmiCasecntTable4" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq"><h5>象限四DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table> 
													</div>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						
						
						<!-- 时间消耗指数 和 费用消耗指数  -->
						<div id="timeFeeContent" role="tabpanel" class="tab-pane" style="width: 100%; height: 300px;">
							<div class="row rowhcq">
								<div class="col-xs-12">
									<div class="echartscq" id="timeFeeEchart" style="width:50%;height:300px;margin:0 auto">
        								
        							</div>
								</div>
								<div class="col-xs-12" style="width:100%;height:400px;">
									<div id="timeFeeSlideBox" class="slideBox">
										<ul class="items">
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="timeFeeTable1" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq"><h5>象限一DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table> 
													</div>
												</div>
											</li>
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="timeFeeTable2" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq" ><h5>象限二DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table> 
													</div>
												</div>
											</li>
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="timeFeeTable3" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq"><h5>象限三DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table> 
													</div>
												</div>
											</li>
											<li name="myli">
												<div class="first">
													<div style="width: 100%; height:400px;">
														<table id="timeFeeTable4" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info"> 
														<caption class="contaotalsccq" ><h5>象限四DRG病组明细</h5></caption>
															<thead> 
																<tr> 
																<th>DRG代码及描述</th> 
																<th>权重</th> 
																<th>出院病例数</th> 
																<th>病例数专业内<br>占比(%)</th> 
																<th>时间<br>消耗指数</th> 
																<th>平均住院日</th> 
																<th>平均住院日<br>标杆</th> 
																<th>费用<br>消耗指数</th> 
																<th>次均费用</th>
																<th>次均费用<br>标杆</th>
																<th>死亡率<br>(%)</th>
																<th>死亡风险<br>等级</th> 
																</tr> 
															</thead> 
															<tbody> 
															</tbody> 
														</table> 
													</div>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
             </div>
        	<!-- <table style="width:100%;" border=1>
        		<tr>
        			<td width="50%" valign="top">
        				<div class="echartscq" id="echartcq4" style="width:100%;height:460px;">
        					
        				</div>
        			</td>
        			<td valign="top"> 
        				<table id="table1" calss="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info" border=1>
        					<caption class="contaotalsccq" style="font-size:18px;">各象限DRG病组统计表</caption>
							<thead>
								<tr><td>象限</td><td>象限特点</td><td>DRGs组数</td><td>总权重占比<br>(%)</td><td>时间<br>消耗指数</td><td>费用<br>消耗指数</td><td>死亡率(%)</td></tr>
							</thead>
							<tbody></tbody>
						</table>
        			</td>
        		</tr>
        		<tr>
        			<td colspan="2" style="width:100%;height:400px;">
        				
        			</td>
        		</tr>
        	</table> -->
        </div>
        <!-- 写模态框js的时候，需要把宽度固定，否则echarts显示不出来 CQ -->
      </div>
      <div class="modal-footer" style="border-top:"">
        <!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> -->
      </div>
    </div>
  </div>
</div>